<script setup lang="ts">
import { ref } from 'vue';
const imageSrc = ref([
    'https://gitcode.net/qq_44112897/images/-/raw/master/comic/15.jpg'
])
const ShareImage = ref([
    "/static/images/icon_qq.png",
    "/static/images/icon_qqkongjian.png",
    "/static/images/icon_wechat.png",
    "/static/images/icon_pengyouquan.png",
    "/static/images/icon_xinlangweibo.png",

])
</script>

<template>
    <view>下载专区</view>
    <!-- <view class="scroll-view" scroll-top>
        <view class="header-box">
            <view class="vicc">
                <view class="article-box">文章标题：热点解读标题
                </view>
                <view class="tiem-box">
                    <view class="zuo-box">作者:XXX</view>
                    <view class="tit-box">2024-05-08</view>
                </view>
                <view class="title-box">
                    <view class="top1">“</view>
                    <text class="title1">
                        文章摘要：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                    </text>
                    <view class="bottom1">”</view>
                </view>
                <view class="mintitle-box">小标题</view>
                <text class="mintit-box">
                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                </text>
                <view class="lv">
                    <text class="vi1">本位禁止转载或摘编 本文为XXX原创</text>
                    <text class="vi2">1万浏览
                    </text>
                </view>
                <view class="share-box">
                    <view class="sh1">分享至
                    </view>
                    <view class="win">
                        <view class="flex-item" v-for="(imageSrc, index) in ShareImage" :key="index">
                            <image :src="imageSrc" mode="scaleToFill" class="images"
                                :style="index === 3 ? 'width:70rpx;height:70rpx;margin-top:15rpx;' : ''" />
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view class="mido-box">
            <view class="mid-box"></view>
            <view class="tt1">
                <view class="t1">
                    <view>评论</view>
                    <view>&nbsp;50</view>
                </view>
            </view>
        </view>
        <view class="tall-box">
            <view class="list1">
                <view v-for="index in 15" :key="index" class="comment-wrapper">
                    <view class="comment">
                        <view class="tou1">
                            <image src="https://gitcode.net/qq_44112897/images/-/raw/master/comic/15.jpg"
                                mode="scaleToFill" class="im2" />
                        </view>
                        <view class="mid-vi">
                            <view class="he1">用户昵称
                            </view>
                            <view class="tit1">2024-05-08
                            </view>
                            <text class="pi1">评论内容：XXXXXXXX</text>
                        </view>
                        <view class="r-vi">
                            <view hover-class="none" class="re">
                                <image src="/static/images/icon_sort_default.png" mode="scaleToFill" class="r1" />
                                <text class="r2">按热度
                                </text>
                            </view>
                            <view class="mi-1">
                                <image src="/static/images/icon_more-vertical_default.png" mode="scaleToFill"
                                    class="m1" />
                            </view>

                        </view>
                    </view>
                </view>
                <view class="gei-box">没有更多数据了</view>
            </view>

        </view>
    </view>
    <view class="bottmo-box">
        <view class="comment-box">
            <input type="text" name="" value="" placeholder="写下你的评论..." class="com-box">
        </view>
        <view class="tl1">50</view>
        <view class="z1">101</view>
        <view class="s1">10</view>
        <view class="q1">
            <image src="/static/images/编组.png" mode="scaleToFill" class="mas" />
        </view>
    </view> -->

</template>
<style lang="scss">

.scroll-view {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

.vic {
    // position: absolute;
    margin: 0 60rpx;
    display: flex;
}

@import "./cart.scss";
</style>
